<template>
	<view :class="[`${PREFIX}`]">
		<view :class="[`${PREFIX}-head`]">
			<image src="" mode=""></image>
			<CInput :class="[`${PREFIX}-head-input`]" placeholder="搜索用户" />
		</view>
	</view>
</template>

<script>
	const PREFIX = 'friends-search'
	import CInput from '../../components/CInput.vue'
	export default {
		data() {
			return {
				PREFIX
			}
		},
		components: {
			CInput
		}
	}
</script>

<style lang="less">
	page {
		background: #fff;
	}

	.friends-search {
		&-head {
			padding: 0 40rpx;
			display: flex;
			align-items: center;
			display: flex;

			image {
				width: 40rpx;
				height: 40rpx;
				background: blue;
				margin-right: 30rpx;
			}

			&-input {
				flex: 1;
			}
		}
	}
</style>